<!DOCTYPE html>
<html lang="zh">
   
<head>
<script>
        function displayPopup() {
            if (confirm('温馨提示：请先登录哦！')) {
                window.location.href = '/login';
            }
        }
    </script>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>星火编舟</title>
    <link rel="icon" type="image/png" href="../static/images/网页头_logo星火编舟.png">
    <link rel="stylesheet" type="text/css" href="../static/css/index.css">
    <link rel="stylesheet" type="text/css" href="../static/css/style.css">
</head>

<body>
    <header>
        <nav>
            <ul>
               <li><a href="http://127.0.0.1:5000/">主页</a></li>
                <li><a href="http://127.0.0.1:5000/Practical%20Courses">实践课程</a></li>
                <li><a href="http://127.0.0.1:5000/One-on-one%20Tutoring">一对一辅导</a></li>
               <li><a onclick="displayPopup()">教学管理 </a></li>
                <li><a href="https://n1ks53vcj7t.feishu.cn/docx/R8GgdKk0io0DcRxPcTNckISnnNg?from=from_copylink" target="_blank">使用帮助</a></li>
                <li><a href="http://127.0.0.1:5000/About Us">关于我们</a></li>

                <li><a href="/login">登录</a></li>

            </ul>
        </nav>
    </header>
    <main>
        <div class="content">
        <section id="hero">
            <h1>欢迎来到星火编舟</h1>
            <p>探索，求知，启发</p>
            <p>用代码开启创造之旅，体验不一样的编程世界</p>
        </section>
        <section id="featured-playlists">
            <a href="https://www.educoder.net/paths/1792" target="_blank">
            <div class="playlist-card">
                <img src="../static/images/实践课程_计算机基础.jpeg" alt="计算机基础">
                <h3>计算机基础</h3>
                <h3>Computer Basics</h3>
                <p>《大学计算机基础》是大学本科教育的第一门计算机公共基础课程。主要目的是从使用计算机、理解计算机系统和计算思维三个方面培养学生的计算机应用能力。</p>
            </a>     
            </div>
            <a href="https://www.educoder.net/paths/734" target="_blank">
            <div class="playlist-card">
                <img src="../static/images/实践课程_计算机网络.jpeg" alt="计算机网络">
                <h3>计算机网络</h3>
                <h3>Computer Network</h3>
                <p>《计算机网络》为计算机大类相关专业的实践类课程，配合计算机网络原理课程，使学员通过在线实训对所学的网络理论与技术加深理解，提高学员的动手能力、工程实践能力和综合应用能力。</p>
            </a>
            </div>
            <a href="https://www.educoder.net/paths/2104" target="_blank">
            <div class="playlist-card">
                <img src="../static/images/实践课程_操作系统.jpeg" alt="操作系统">
                <h3>操作系统</h3>
                <h3>Operating System</h3>
                <p>《操作系统》是计算机相关专业的一门重要的专业课，学习本课程将会使学生全面地理解、掌握操作系统各部分的基本原理和实现技术；能深层次地使用和改造操作系统。</p>
            </a>
            </div>
            <a href="https://www.educoder.net/paths/1162" target="_blank">
            <div class="playlist-card">
                <img src="../static/images/实践课程_编译原理.jpeg" alt="编译原理">
                <h3>编译原理</h3>
                <h3>Compiler Principles</h3>
                <p>《编译原理》主要是讲解编译器构造的一般原理、基本设计方法和主要实现的技术。在实际教学或学习中，大家普遍认为编译原理和技术非常抽象且难学，剖析其重要原因就是实践环节的缺乏或薄弱。</p>
            </a>
            </div>
        </section>
        <div id="content-bottom-margin"></div>
        </div>
    </main>
    <footer>
        <p>&copy; 2024 星火编舟 SparkCodeVoyage</p>
    </footer>

    <script src="JS/index.js"></script>
</body>

</html>
